@charset "utf-8";
/* CSS Document */
.weddingColor .backToHome, .weddingColor .title, .weddingColor .navList .active a{
color:#f54594;
}
.weddingColor .navList a:hover{
color:#f54594;
}


.babyPartyColor .backToHome, .babyPartyColor .title, .babyPartyColor .navList .active a{
color:#1390be;
}
.babyPartyColor .navList a:hover{
color:#1390be;
}

.businessColor .backToHome, .businessColor .title, .businessColor .navList .active a{
color:#694be9;
}
.businessColor .navList a:hover{
color:#694be9;
}


.leftPanel{
width:260px;
float:left;
position:relative;
z-index:3;


padding:20px 20px 40px 30px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}

.leftPanel .backToHome{
font-size:25px;
display:block;

-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}

.leftPanel .backToHome:hover{
 margin-left:-10px;
}

.leftPanel .title{
 position:relative;
 padding-left:0px;
 margin:40px 0;
}

.leftPanel .title:before {
font-size: 58px;
line-height:58px;
display:block;
position:absolute;
left:0;
top:0;
}

.navList{
list-style:none;
margin:0;
padding:0; 
}

.navList a{
 font-family:'ralewayregular', 'Hiragino Sans GB', 'Microsoft YaHei', Helvetica, sans-serif;
 
color:#7d7d7d;
font-size:16px;
display:block;
padding:9px 0;
position:relative;
line-height:20px;


-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}
.navList a span{
display:inline-block;
width:180px; 
}


.navList .active a{
 padding-left:30px;
}
.navList .active a:before{
 position:absolute;
 padding:6px 0;
	content: "\e605";
 	font-family: 'icomoon';
  font-size:20px;
  display:inline-block;
  line-height:20px;
  left:0;
  top:0;
  vertical-align:middle;
}

.rightPanel{
float: right;
margin-left: -260px;
width: 100%;
height:100%;
padding: 0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;

position:fixed;
right:0;
top:0;
}



.rightPanel .inner{
position:relative;
 margin-left: 260px;
 height:100%;
 overflow:hidden;
}

#workTabWrap{
width: 100%;
height:100%;
}

.workTab{
  position:absolute;
  left:0;
  top:0;
display:none;
height:100%;
width:100%;
text-align:center;
}
.workTab .sliderBanner{
 background:url(../images/loading.gif) center center no-repeat;
 white-space: nowrap;
}
.workTab .sliderBanner:before{
content: " ";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.workTab .sliderBanner img{
height: 100%;
width: 100%;
vertical-align: middle;
/*display: inline-block!important;*/
}

.thumbWrap{

width: 100%;
height: 90px;
line-height: 90px;
right: 0;
position:fixed;
top:50%;
z-index:999;
height:0;
}

.thumbWrap span{
 color:#000000;
 vertical-align:middle;
 
 display:inline-block;
cursor:pointer;

-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;

}

.workTab .btnSlide{
color: #1b1b1b;
background:#fff;
background:rgba(255,255,255,0.8);

width: 60px;
height: 60px;
line-height: 60px;

display: block;
font-size: 24px;
text-align: center;
vertical-align: middle;
position:absolute; 

margin: 0 30px;

-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;

-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px; 
}
.workTab .btnSlide:before{
 display:block;
}

.btnSlideLeft{
left: 260px;
}

.btnSlideRight{
right: 0;
}
.workTab .btnSlideLeft:before{
 margin-left:-4px; 
}

.workTab .btnSlideRight:before{
 margin-right:-4px; 
}
.workTab .btnSlide:hover, .workTab .btnSlide.active{
 
background:#000;
background:rgba(0,0,0,0.8);
color: #fff;

}

.thumbWrap .thumbDot{
font-size:14px;
padding:0 6px;
}

.thumbWrap .thumbDot.active{
color:#f54594;
}


.fullBg{
position:relative;
}



/**/